// components/navigation-bar/index.js
Component({
  options: {
    // 允许父组件直接用组件自身的样式类修改样式
    // addGlobalClass: true,
    // 开启多插槽使用
    multipleSlots: true,
  },
  // 定义属性接收父组件传值(样式类的名称)
  externalClasses: ["custom-class", "custom-title"],
  /**
   * 组件的属性列表
   */
  properties: {
    // 是否显示返回图标
    back: {
      type: Boolean,
      value: false,
    },
    // 回退的页面数
    delta: {
      type: Number,
      value: 1,
    },
  },

  /**
   * 组件的初始数据
   */
  data: {
    // msg: "我是打酱油的",
    // 状态栏的高度
    statusBarHeight: 0,
  },

  /**
   * 组件的方法列表
   */
  methods: {
    // 1. 回退
    onBack() {
      wx.navigateBack({
        delta: this.data.delta,
      });
    },
  },

  //-----------------生命周期-开始----------------
  lifetimes: {
    created() {},
    attached() {
      // 1. 获取状态栏的高度并更新数据刷新视图
      const sysInfo = wx.getSystemInfoSync();
      console.log(sysInfo);
      this.setData({
        statusBarHeight: sysInfo.statusBarHeight,
      });
    },
  },
  //-----------------生命周期-结束----------------
});
